07 Single Images

Add a single image to any section using these fields in the section's data:

Single images can be used in any section type (about, publications, research, education, contact). You can only use one image per section. To add multiple images or mix images with other media, use Galleries or Groups.

You can't use two images in one section normally.

Wrong — two images in one section:

{
    "image": "img1.jpg",
    "image_alt": "First",
    "image": "img2.jpg",
    "image_alt": "Second"
}

{
    "image": "img1.jpg",
    "image_alt": "First"
},
{
    "image": "img2.jpg",
    "image_alt": "Second"
}

Right — one image per section:

{
    "image": "img1.jpg",
    "image_alt": "First"
}

To add two or more images, use Groups. See Galleries or Groups in the menu.

Single Image

These are the available options for single images:

Single Image Use Cases

Just image

Copy{
    "image": "path/to/image.jpg",
    "image_alt": "Description",
    "w": 800,
    "h": 400,
    "ar": true
}

Image with credit

Copy{
    "image": "path/to/image.jpg",
    "image_alt": "Description",
    "credit": "Photo credit",
    "w": 800,
    "h": 400,
    "ar": true
}

Image with caption

Copy{
    "image": "path/to/image.jpg",
    "image_alt": "Description",
    "caption": "Text below image",
    "w": 800,
    "h": 400,
    "ar": true
}

Image with caption and credit

Copy{
    "image": "path/to/image.jpg",
    "image_alt": "Description",
    "caption": "Text below image",
    "credit": "Photo credit",
    "w": 800,
    "h": 400,
    "ar": true
}

Image with ar (aspect ratio locked)

Copy{
    "image": "path/to/image.jpg",
    "image_alt": "Description",
    "w": 800,
    "h": 400,
    "ar": true
}

Image without ar (natural size)

Copy{
    "image": "path/to/image.jpg",
    "image_alt": "Description",
    "w": 800,
    "h": 400
}